<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>安全组织架构</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 顶部 start -->
	<div class="header" style="z-index: 5;top: 0;">
	</div>
	<!-- 顶部 end -->
	<!-- 内容 start -->
	<div class="pos-r w100" style="margin-top: 60px;height: calc(100% - 60px);background: #EAEDF2;">
		<!-- 左侧菜单导航 start -->
		<div class="pos-f text-c ht100" style="width:200px;z-index: 5;background: #3A4253">
		</div>
		<!-- 左侧菜单导航 end -->
		<!-- 页面名称 start -->
		<div class="ht40 l-ht40 bg-f pos-f font14 color-3" style="left:200px;right:0;z-index: 4;padding-left:20px ">
			<i class="iconfont icon-touxiang"></i>
			<span>安全组织架构</span>
		</div>
		<!-- 页面名称 end -->
		<!-- 主内容 start -->
		<div style="padding-left:220px;padding-top: 60px;">
			<!-- content start -->
			<div class="pos-r overflow-h bg-f " style="">
				<!--初始化 start-->
				<div class="display-">
					<!--左部内容 start-->
					<div class="display-ib pos-r vertical-a-t color-3"
						style="height:800px;border-right:2px solid #EAEDF2;">
						<div class="ht30 l-ht30" style="padding:20px 10px;">
							<input type="button" class="btn" value="新增同级" style="width:80px;">
							<input type="button" class="btn" value="新增下级" style="width:80px;">
							<input type="button" class="btn" value="修改" style="width:50px;">
							<input type="button" class="btn" value="删除" style="width:50px;">
						</div>
						<div class="p20" style="padding-top:0px;">
							树形控件
						</div>
					</div>
					<!--左部内容 end-->
					<!--右部内容 start-->
					<div class="pos-r display-ib" style="width:63%;padding:20px 5px 20px 5px;">
						<div style="width:96%;">
							<div class="ht30 l-ht30 b-box" style="margin-bottom: 20px;">
								<div class="display-ib fr">
									<input type="button" class="btn" value="同步组织架构" style="width:100px;">
								</div>
							</div>
							<!-- 表格 start -->
							<!--表头 start -->
							<div class="t_title b-box">
								<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:14%;">工号
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:17%;">员工姓名
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:12%;">性别
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:17%;">入职时间
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span><span class="display-ib p5 border-r-1 text-c b-box  pos-r"
									style="width:18%;">联系电话
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span><span class="display-ib p5 border-r-1 text-c b-box  pos-r"
									style="width:22%;">电子邮箱
									<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
										style="right: 3px;top:5px;"></i>
								</span>
							</div>
							<!--表头 end-->
							<!-- 表体 start -->
							<div class="t_body display-">
								<div class="tableRow b-box">
									<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
										style="width:14%;" title="YL004568">YL004568
									</span><span
										class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h cursor-p color-theme"
										style="width:17%;" title="王先生">王先生
									</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
										style="width:12%;" title="男">男
									</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
										style="width:17%;" title="2017-03-14">2017-03-14
									</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
										style="width:18%;" title="15637489542">15637489542
									</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h"
										style="width:22%;" title="123456@aliyun.com">123456@aliyun.com
									</span>
								</div>
							</div>
							<!-- 表体 end -->
							<!-- 表格 end -->
							<!--筛选结果为空的蒙版 start-->
							<div class="none display-">
								<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-9"
									style="font-size:100px;"></i>
								<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
							</div>
							<!--筛选结果为空的蒙版 end-->
							<!--分页 start-->
							<div class="page display-">
								分页控件
							</div>
							<!--分页 end-->
						</div>
					</div>
					<!--右部内容 end-->
				</div>
				<!--初始化 end-->
				<!-- 查看 start -->
				<div class="display-n" style="min-height:800px;">
					<div class="ht40 b-box" style="padding-left:10px;border-bottom:1px solid #eaedf2;">
						<span class="font12 color-6 ht40 cursor-p" style="display:inline-flex;align-items:center;">
							<i class="iconfont icon-fanhui color-theme font22" style="margin-right:10px;"
								title="返回"></i>
							返回
						</span>
						<span class="font12 color-6 ht40 cursor-p"
							style="display:inline-flex;align-items:center;margin-left:20px;">
							<i class="iconfont icon-keep color-theme font20" style="margin-right:10px;" title="保存"></i>
							保存
						</span>
					</div>
					<!--个人基础信息 start-->
					<div>
						<div class="ht40 p10" style="display:flex;align-items:center;">
							<span class="display-b bg-theme" style="width:3px;height:20px;"></span>
							<span class="font12 color-6" style="margin-left:10px;">个人基础信息</span>
						</div>
						<div style="margin-left:20px;" class="display-ib">
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										<span class="color-red" style="margin-right:3px;">*</span>
										姓名：
									</span>
									<input type="text" style="width:140px;">
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										工号：
									</span>
									<input type="text" style="width:140px;">
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										<span class="color-red" style="margin-right:3px;">*</span>
										所在安全部门：
									</span>
									<select class="select">
										<option>决策</option>
									</select>
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										岗位：
									</span>
									<select class="select">
										<option>检查</option>
									</select>
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										性别：
									</span>
									<select class="select">
										<option>男</option>
										<option>女</option>
									</select>
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										民族：
									</span>
									<input type="text" style="width:140px;">
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										联系电话：
									</span>
									<input type="text" style="width:140px;">
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										电子邮箱：
									</span>
									<input type="text" style="width:140px;">
								</div>
							</div>
						</div>
						<!--头像 start-->
						<div class="display-ib vertical-a-t text-c" style="margin-left:20px;width:28%">
							<div class="display-ib">
								<span class="display-ib font12 color-6 text-r ht50 l-ht50" style="width:90px;">
									个人头像：
								</span>
								<div class="display-ib border-1" style="width:100px;height:100px;">
									<img src="" alt="" style="width:100%;">
								</div>
							</div>
						</div>
						<!--头像 end-->
					</div>
					<!--个人基础信息 end-->
					<!--详细信息 start-->
					<div>
						<div class="ht40 p10" style="display:flex;align-items:center;">
							<span class="display-b bg-theme" style="width:3px;height:20px;"></span>
							<span class="font12 color-6" style="margin-left:10px;">详细信息</span>
						</div>
						<div style="margin-left:20px;" class="display-ib">
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										籍贯：
									</span>
									<input type="text" style="width:140px;">
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										出生日期：
									</span>
									<input type="date" class="date">
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										身份证号：
									</span>
									<input type="text" style="width:140px;">
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										婚姻状况：
									</span>
									<select class="select">
										<option>未婚</option>
										<option>已婚</option>
										<option>丧偶</option>
									</select>
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										入职时间：
									</span>
									<input type="date" class="date">
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										政治面貌：
									</span>
									<select class="select">
										<option>党员</option>
										<option>团员</option>
									</select>
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										学位：
									</span>
									<select class="select">
										<option>学士</option>
										<option>硕士</option>
									</select>
								</div>
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:90px;">
										学历：
									</span>
									<select class="select">
										<option>大学</option>
										<option>高中</option>
									</select>
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										户口所在地：
									</span>
									<input type="text" style="width:360px;">
								</div>
							</div>
							<div
								style="height:50px;width:530px;display:flex;align-items: center;justify-content: space-between;">
								<div>
									<span class="display-ib font12 color-6 text-r" style="width:100px;">
										家庭住址：
									</span>
									<input type="text" style="width:360px;">
								</div>
							</div>
						</div>
					</div>
					<!--详细信息 end-->
				</div>
				<!-- 查看 end -->
			</div>
			<!-- content end -->

		</div>
		<!-- 主内容 end -->
	</div>
	<!-- 内容 end -->
	<!-- 同步组织架构弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:620px;padding-top:150px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>同步单位架构
				</div>
				<div class="ht30 l-ht30 border-b-1">
					<input type="button" class="btn fr" value="确定" style="width:50px;margin-right:10px;">
				</div>
				<div class="ht40 l-ht40 text-c color-6 border-b-1">
					<div class="display-ib text-c" style="width:200px;">
						安全组织架构
					</div>
					<div class="display-ib text-c" style="width:200px;">
						已选择的部门
					</div>
					<div class="display-ib text-c" style="width:200px;">
						单位组织架构
					</div>
				</div>
				<div class="text-c color-6">
					<div class="display-ib p10 border-r-1 b-box overflow-y-a vertical-a-t"
						style="width:200px;height:400px;">
						树形控件
					</div>
					<div class="display-ib text-c p10 border-r-1 b-box overflow-y-a vertical-a-t"
						style="width:200px;height:400px;">
						<div class="w-jichu-btn pos-r"
							style="width:150px;text-align: center;margin:auto;margin-bottom:5px;">
							总经办
							<i class="iconfont icon-cuo font16 pos-a" style="right:5px;"></i>
						</div>
						<div class="w-jichu-btn pos-r"
							style="width:150px;text-align: center;margin:auto;margin-bottom:5px;">
							总经办
							<i class="iconfont icon-cuo font16 pos-a" style="right:5px;"></i>
						</div>

					</div>
					<div class="display-ib text-c p10 b-box overflow-y-a vertical-a-t"
						style="width:200px;height:400px;">
						<div class="w-jichu-btn pos-r"
							style="width:150px;text-align: center;margin:auto;margin-bottom:5px;">
							生产部
							<i class="iconfont icon-icon02 font22 pos-a" style="right:5px; bottom:0px;"></i>
						</div>
						<div class="w-jichu-btn pos-r"
							style="width:150px;text-align: center;margin:auto;margin-bottom:5px;">
							采购部
							<i class="iconfont icon-icon02 font22 pos-a" style="right:5px; bottom:0px;"></i>
						</div>
						<div class="w-jichu-btn pos-r"
							style="width:150px;text-align: center;margin:auto;margin-bottom:5px;">
							财务部
							<i class="iconfont icon-icon02 font22 pos-a" style="right:5px; bottom:0px;"></i>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 同步组织架构弹窗 end -->
	<!-- 点击新增时弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:200px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>添加部门
				</div>
				<div class="p20">
					<div class="ht50 l-ht50 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>部门名称：</span></span>
						<input type="text" class="" style="width:200px;">
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确定" class="btn" style="width: 50px;line-height: 20px" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 点击新增时弹窗 end -->
	<!-- 修改弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:200px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>修改部门
				</div>
				<div class="p20">
					<div class="ht50 l-ht50 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>部门名称：</span></span>
						<input type="text" class="" style="width:200px;">
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确定" class="btn" style="width: 50px;line-height: 20px" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 修改弹窗 end -->
</body>

</html>
